<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定版信息</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="http://cdn.bootcss.com/fullcalendar/2.0.3/fullcalendar.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/fullcalendar/2.0.3/fullcalendar.print.css" rel="stylesheet">
    <script src="/static/admin/js/jquery.min.js?v=2.1.4"></script>
    <script src="/static/admin/js/moment.min.js"></script>
    <script src="http://cdn.bootcss.com/fullcalendar/2.0.3/fullcalendar.min.js"></script>
    <script src="http://cdn.bootcss.com/fullcalendar/2.0.3/lang/zh-cn.js"></script>
    <style>
        #calendar {
            max-width: 900px;
            margin: 40px auto;
            padding: 0 10px;
        }
    </style>
</head>
<body class="gray-bg">
<div id='calendar' >
</div>

<script>

    $(document).ready(function() {
        var initialLocaleCode = 'zh-cn';

        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,basicWeek,basicDay'
            },
//            defaultDate: '2016-09-12',
            locale: initialLocaleCode,
            navLinks: true, // can click day/week names to navigate views
            editable: true,
            eventLimit: true, // allow "more" link when too many events
            events: [
                {$data}
//                {
//                    title: 'All Day Event',
//                    start: '2016-11-01'
//                },
//                {
//                    title: 'Conference',
//                    start: '2016-11-11T16:00:00',
//                    end: '2016-11-13T20:00:00'
//                },
//                {
//                    title: 'Meeting',
//                    start: '2016-11-12T14:30:00'
//                }
            ]
        });
    });

</script>
</body>
</html>